<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../public/layui/css/layui.css"/>
    <link rel="stylesheet" href="../public/css/basic.css"/>
    <link rel="stylesheet" href="../public/css/manage.css"/>
    <script src="../public/js/jquery-1.11.1.min.js"></script>
    <title>告警管理</title>
    <style>
        .red{color: red}
    </style>
</head>
<body>
<form class="layui-form" action="">
<div class="m-body">
    <div class="m-main">
        <div class="main">
            <div class="ss1">
                <div class="layui-input-inline fl  mb30" >
                    <div class="layui-input-block" style="width: 120px;margin-left: 0">
                        <select>
                            <option value="">区域1</option>
                            <option value="0">区域2</option>
                            <option value="1" selected="">区域3</option>
                        </select>
                    </div>
                </div>
                    <div class="layui-input-inline fl  mb30" >
                        <div class="layui-input-block" style="width: 120px;margin-left: 20px">
                            <select name="interest" lay-filter="aihao">
                                <option value="">区块1</option>
                                <option value="0">区块2</option>
                                <option value="1" selected="">区块3</option>
                            </select>
                        </div>
                    </div>
                    <div class="layui-input-inline fl ml20  mb30" >
                        <label class="layui-form-label"  style="padding-left: 10px;text-align: left;width: 70px;">环境参数：</label>
                        <div class="layui-input-block" style="width: 120px;margin-left: 100px">
                            <select>
                                <option value=""></option>
                                <option value="0">空去湿度</option>
                                <option value="1" selected="">空气温度</option>
                                <option value="2">土壤温度</option>
                                <option value="3">土壤湿度</option>
                                <option value="4">光照强度</option>
                            </select>
                        </div>
                    </div>
                    <button  class="layui-btn ml20  mb30" style="margin-left: 20px">查询</button>
                   <a href="manage8-pop.html"> <div  class="layui-btn ml20  mb30 ">短信设置</div></a>
                   <div  class="layui-btn ml20  mb30 fr add">添加告警</div>



            </div>
            <div class="table">
                <div class="layui-form">
                    <table class="layui-table">
                        <thead>
                        <tr>
                            <th>环境参数</th>
                            <th>区域</th>
                            <th>区块</th>
                            <th>上限值 <span class="red">(一级)</span></th>
                            <th>下限值<span class="red">(一级)</span></th>
                            <th>上限值 <span class="red">(二级)</span></th>
                            <th>下限值<span class="red">(二级)</span></th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>空气湿度</td>
                            <td>区域2</td>
                            <td>区块3</td>
                            <td>30%</td>
                            <td>5%</td>
                            <td>35%</td>
                            <td>0%</td>
                            <td>
                                <span class="cz bj">编辑</span>
                                <span class="cz sc">删除</span>
                            </td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="fy">这里是分页</div>
            </div>
        </div>
    </div>
</div>
</form>
<script src="../public/layui/layui.js"></script>


<script>
    layui.use(['form','laydate'], function() {
        var form = layui.form;
    })



    $(".bj").click(function () {
        layer.open({
            type: 2,
            shadeClose: true,
            title: '编辑',
            area: ['90%', '550px'],
            content: 'manage8-pop1.html'

        });


    });
    $(".add").click(function () {
        layer.open({
            type: 2,
            shadeClose: true,
            title: '添加',
            area: ['90%', '550px'],
            content: 'manage8-pop1.html'

        });


    });

    $(".sc").click(function () {
        layer.confirm('确认删除？', {
            btn: ['是','否'] //按钮
        });


    });
</script>


</body>
</html>